{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## pygal安装\n",
    "pip install pygal"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {
    "collapsed": true
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "b'<?xml version=\\'1.0\\' encoding=\\'utf-8\\'?>\\n<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" id=\"chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8\" class=\"pygal-chart\" viewBox=\"0 0 800 600\"><!--Generated with pygal 2.4.0 (lxml) \\xc2\\xa9Kozea 2012-2016 on 2020-08-07--><!--http://pygal.org--><!--http://github.com/Kozea/pygal--><defs><style type=\"text/css\">#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8{-webkit-user-select:none;-webkit-font-smoothing:antialiased;font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .title{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:16px}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .legends .legend text{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:14px}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis text{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis text.major{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .text-overlay text.value{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:16px}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .text-overlay text.label{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .tooltip{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:14px}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 text.no_data{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:64px}\\n#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8{background-color:rgba(249,249,249,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 path,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 line,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 rect,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 circle{-webkit-transition:150ms;-moz-transition:150ms;transition:150ms}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .graph &gt; .background{fill:rgba(249,249,249,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .plot &gt; .background{fill:rgba(255,255,255,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .graph{fill:rgba(0,0,0,.87)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 text.no_data{fill:rgba(0,0,0,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .title{fill:rgba(0,0,0,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .legends .legend text{fill:rgba(0,0,0,.87)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .legends .legend:hover text{fill:rgba(0,0,0,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis .line{stroke:rgba(0,0,0,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis .guide.line{stroke:rgba(0,0,0,.54)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis .major.line{stroke:rgba(0,0,0,.87)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis text.major{fill:rgba(0,0,0,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis.y .guides:hover .guide.line,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .line-graph .axis.x .guides:hover .guide.line,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .stackedline-graph .axis.x .guides:hover .guide.line,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .xy-graph .axis.x .guides:hover .guide.line{stroke:rgba(0,0,0,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis .guides:hover text{fill:rgba(0,0,0,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .reactive{fill-opacity:.7;stroke-opacity:.8}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .ci{stroke:rgba(0,0,0,.87)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .reactive.active,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .active .reactive{fill-opacity:.8;stroke-opacity:.9;stroke-width:4}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .ci .reactive.active{stroke-width:1.5}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .series text{fill:rgba(0,0,0,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .tooltip rect{fill:rgba(255,255,255,1);stroke:rgba(0,0,0,1);-webkit-transition:opacity 150ms;-moz-transition:opacity 150ms;transition:opacity 150ms}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .tooltip .label{fill:rgba(0,0,0,.87)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .tooltip .label{fill:rgba(0,0,0,.87)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .tooltip .legend{font-size:.8em;fill:rgba(0,0,0,.54)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .tooltip .x_label{font-size:.6em;fill:rgba(0,0,0,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .tooltip .xlink{font-size:.5em;text-decoration:underline}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .tooltip .value{font-size:1.5em}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .bound{font-size:.5em}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .max-value{font-size:.75em;fill:rgba(0,0,0,.54)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .map-element{fill:rgba(255,255,255,1);stroke:rgba(0,0,0,.54) !important}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .map-element .reactive{fill-opacity:inherit;stroke-opacity:inherit}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .color-0,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .color-0 a:visited{stroke:#F44336;fill:#F44336}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .color-1,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .color-1 a:visited{stroke:#3F51B5;fill:#3F51B5}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .color-2,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .color-2 a:visited{stroke:#009688;fill:#009688}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .color-3,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .color-3 a:visited{stroke:#FFC107;fill:#FFC107}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .color-4,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .color-4 a:visited{stroke:#FF5722;fill:#FF5722}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .text-overlay .color-0 text{fill:black}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .text-overlay .color-1 text{fill:black}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .text-overlay .color-2 text{fill:black}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .text-overlay .color-3 text{fill:black}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .text-overlay .color-4 text{fill:black}\\n#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 text.no_data{text-anchor:middle}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .guide.line{fill:none}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .centered{text-anchor:middle}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .title{text-anchor:middle}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .legends .legend text{fill-opacity:1}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis.x text{text-anchor:middle}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis.x:not(.web) text[transform]{text-anchor:start}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis.x:not(.web) text[transform].backwards{text-anchor:end}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis.y text{text-anchor:end}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis.y text[transform].backwards{text-anchor:start}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis.y2 text{text-anchor:start}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis.y2 text[transform].backwards{text-anchor:end}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis .guide.line{stroke-dasharray:4,4}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis .major.guide.line{stroke-dasharray:6,6}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .horizontal .axis.y .guide.line,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .horizontal .axis.y2 .guide.line,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .vertical .axis.x .guide.line{opacity:0}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .horizontal .axis.always_show .guide.line,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .vertical .axis.always_show .guide.line{opacity:1 !important}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis.y .guides:hover .guide.line,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis.y2 .guides:hover .guide.line,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis.x .guides:hover .guide.line{opacity:1}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis .guides:hover text{opacity:1}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .nofill{fill:none}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .subtle-fill{fill-opacity:.2}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .dot{stroke-width:1px;fill-opacity:1}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .dot.active{stroke-width:5px}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .dot.negative{fill:transparent}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 text,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 tspan{stroke:none !important}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .series text.active{opacity:1}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .tooltip rect{fill-opacity:.95;stroke-width:.5}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .tooltip text{fill-opacity:1}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .showable{visibility:hidden}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .showable.shown{visibility:visible}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .gauge-background{fill:rgba(229,229,229,1);stroke:none}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .bg-lines{stroke:rgba(249,249,249,1);stroke-width:2px}</style><script type=\"text/javascript\">window.pygal = window.pygal || {};window.pygal.config = window.pygal.config || {};window.pygal.config[\\'c38ac68b-15ff-4f17-86b4-b9e705bf3dc8\\'] = {\"allow_interruptions\": false, \"box_mode\": \"extremes\", \"classes\": [\"pygal-chart\"], \"css\": [\"file://style.css\", \"file://graph.css\"], \"defs\": [], \"disable_xml_declaration\": false, \"dots_size\": 2.5, \"dynamic_print_values\": false, \"explicit_size\": false, \"fill\": false, \"force_uri_protocol\": \"https\", \"formatter\": null, \"half_pie\": false, \"height\": 600, \"include_x_axis\": false, \"inner_radius\": 0, \"interpolate\": null, \"interpolation_parameters\": {}, \"interpolation_precision\": 250, \"inverse_y_axis\": false, \"js\": [\"//kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\"], \"legend_at_bottom\": false, \"legend_at_bottom_columns\": null, \"legend_box_size\": 12, \"logarithmic\": false, \"margin\": 20, \"margin_bottom\": null, \"margin_left\": null, \"margin_right\": null, \"margin_top\": null, \"max_scale\": 16, \"min_scale\": 4, \"missing_value_fill_truncation\": \"x\", \"no_data_text\": \"No data\", \"no_prefix\": false, \"order_min\": null, \"pretty_print\": false, \"print_labels\": false, \"print_values\": false, \"print_values_position\": \"center\", \"print_zeroes\": true, \"range\": null, \"rounded_bars\": null, \"secondary_range\": null, \"show_dots\": true, \"show_legend\": true, \"show_minor_x_labels\": true, \"show_minor_y_labels\": true, \"show_only_major_dots\": false, \"show_x_guides\": false, \"show_x_labels\": true, \"show_y_guides\": true, \"show_y_labels\": true, \"spacing\": 10, \"stack_from_top\": false, \"strict\": false, \"stroke\": true, \"stroke_style\": null, \"style\": {\"background\": \"rgba(249, 249, 249, 1)\", \"ci_colors\": [], \"colors\": [\"#F44336\", \"#3F51B5\", \"#009688\", \"#FFC107\", \"#FF5722\", \"#9C27B0\", \"#03A9F4\", \"#8BC34A\", \"#FF9800\", \"#E91E63\", \"#2196F3\", \"#4CAF50\", \"#FFEB3B\", \"#673AB7\", \"#00BCD4\", \"#CDDC39\", \"#9E9E9E\", \"#607D8B\"], \"font_family\": \"Consolas, \\\\\"Liberation Mono\\\\\", Menlo, Courier, monospace\", \"foreground\": \"rgba(0, 0, 0, .87)\", \"foreground_strong\": \"rgba(0, 0, 0, 1)\", \"foreground_subtle\": \"rgba(0, 0, 0, .54)\", \"guide_stroke_dasharray\": \"4,4\", \"label_font_family\": \"Consolas, \\\\\"Liberation Mono\\\\\", Menlo, Courier, monospace\", \"label_font_size\": 10, \"legend_font_family\": \"Consolas, \\\\\"Liberation Mono\\\\\", Menlo, Courier, monospace\", \"legend_font_size\": 14, \"major_guide_stroke_dasharray\": \"6,6\", \"major_label_font_family\": \"Consolas, \\\\\"Liberation Mono\\\\\", Menlo, Courier, monospace\", \"major_label_font_size\": 10, \"no_data_font_family\": \"Consolas, \\\\\"Liberation Mono\\\\\", Menlo, Courier, monospace\", \"no_data_font_size\": 64, \"opacity\": \".7\", \"opacity_hover\": \".8\", \"plot_background\": \"rgba(255, 255, 255, 1)\", \"stroke_opacity\": \".8\", \"stroke_opacity_hover\": \".9\", \"title_font_family\": \"Consolas, \\\\\"Liberation Mono\\\\\", Menlo, Courier, monospace\", \"title_font_size\": 16, \"tooltip_font_family\": \"Consolas, \\\\\"Liberation Mono\\\\\", Menlo, Courier, monospace\", \"tooltip_font_size\": 14, \"transition\": \"150ms\", \"value_background\": \"rgba(229, 229, 229, 1)\", \"value_colors\": [], \"value_font_family\": \"Consolas, \\\\\"Liberation Mono\\\\\", Menlo, Courier, monospace\", \"value_font_size\": 16, \"value_label_font_family\": \"Consolas, \\\\\"Liberation Mono\\\\\", Menlo, Courier, monospace\", \"value_label_font_size\": 10}, \"title\": \"Browser usage in February 2012 (in %)\", \"tooltip_border_radius\": 0, \"tooltip_fancy_mode\": true, \"truncate_label\": null, \"truncate_legend\": null, \"width\": 800, \"x_label_rotation\": 0, \"x_labels\": null, \"x_labels_major\": null, \"x_labels_major_count\": null, \"x_labels_major_every\": null, \"x_title\": null, \"xrange\": null, \"y_label_rotation\": 0, \"y_labels\": null, \"y_labels_major\": null, \"y_labels_major_count\": null, \"y_labels_major_every\": null, \"y_title\": null, \"zero\": 0, \"legends\": [\"IE\", \"Firefox\", \"Chrome\", \"Safari\", \"Opera\"]}</script><script type=\"text/javascript\" xlink:href=\"https://kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\"/></defs><title>Browser usage in February 2012 (in %)</title><g class=\"graph pie-graph vertical\"><rect x=\"0\" y=\"0\" width=\"800\" height=\"600\" class=\"background\"/><g transform=\"translate(100, 46)\" class=\"plot\"><rect x=\"0\" y=\"0\" width=\"679.2\" height=\"534\" class=\"background\"/><g class=\"series serie-0 color-0\"><g class=\"slices\"><g class=\"slice\"><path d=\"M339.600000 26.700000 A240.300000 240.300000 0 0 1 566.486885 187.839205 L339.600000 267.000000 A0.000000 0.000000 0 0 0 339.600000 267.000000 z\" class=\"slice reactive tooltip-trigger\"/><desc class=\"value\">19.5</desc><desc class=\"x centered\">409.17168142430137</desc><desc class=\"y centered\">169.0418270699401</desc></g></g></g><g class=\"series serie-1 color-1\"><g class=\"slices\"><g class=\"slice\"><path d=\"M566.486885 187.839205 A240.300000 240.300000 0 0 1 243.439521 487.220917 L339.600000 267.000000 A0.000000 0.000000 0 0 0 339.600000 267.000000 z\" class=\"slice reactive tooltip-trigger\"/><desc class=\"value\">36.6</desc><desc class=\"x centered\">421.26960987585676</desc><desc class=\"y centered\">355.1254635319745</desc></g></g></g><g class=\"series serie-2 color-2\"><g class=\"slices\"><g class=\"slice\"><path d=\"M243.439521 487.220917 A240.300000 240.300000 0 0 1 239.272589 48.645928 L339.600000 267.000000 A0.000000 0.000000 0 0 0 339.600000 267.000000 z\" class=\"slice reactive tooltip-trigger\"/><desc class=\"value\">36.3</desc><desc class=\"x centered\">219.45542262314243</desc><desc class=\"y centered\">268.1415020526836</desc></g></g></g><g class=\"series serie-3 color-3\"><g class=\"slices\"><g class=\"slice\"><path d=\"M239.272589 48.645928 A240.300000 240.300000 0 0 1 304.717099 29.245351 L339.600000 267.000000 A0.000000 0.000000 0 0 0 339.600000 267.000000 z\" class=\"slice reactive tooltip-trigger\"/><desc class=\"value\">4.5</desc><desc class=\"x centered\">305.45123462430354</desc><desc class=\"y centered\">151.8050160670369</desc></g></g></g><g class=\"series serie-4 color-4\"><g class=\"slices\"><g class=\"slice\"><path d=\"M304.717099 29.245351 A240.300000 240.300000 0 0 1 339.600000 26.700000 L339.600000 267.000000 A0.000000 0.000000 0 0 0 339.600000 267.000000 z\" class=\"slice reactive tooltip-trigger\"/><desc class=\"value\">2.3</desc><desc class=\"x centered\">330.8560892963378</desc><desc class=\"y centered\">147.16859123916475</desc></g></g></g></g><g class=\"titles\"><text x=\"400.0\" y=\"26\" class=\"title plot_title\">Browser usage in February 2012 (in %)</text></g><g transform=\"translate(100, 46)\" class=\"plot overlay\"><g class=\"series serie-0 color-0\"/><g class=\"series serie-1 color-1\"/><g class=\"series serie-2 color-2\"/><g class=\"series serie-3 color-3\"/><g class=\"series serie-4 color-4\"/></g><g transform=\"translate(100, 46)\" class=\"plot text-overlay\"><g class=\"series serie-0 color-0\"/><g class=\"series serie-1 color-1\"/><g class=\"series serie-2 color-2\"/><g class=\"series serie-3 color-3\"/><g class=\"series serie-4 color-4\"/></g><g transform=\"translate(100, 46)\" class=\"plot tooltip-overlay\"><g transform=\"translate(0 0)\" style=\"opacity: 0\" class=\"tooltip\"><rect rx=\"0\" ry=\"0\" width=\"0\" height=\"0\" class=\"tooltip-box\"/><g class=\"text\"/></g></g><g transform=\"translate(10, 56)\" class=\"legends\"><g id=\"activate-serie-0\" class=\"legend reactive activate-serie\"><rect x=\"0.0\" y=\"1.0\" width=\"12\" height=\"12\" class=\"color-0 reactive\"/><text x=\"17.0\" y=\"11.2\">IE</text></g><g id=\"activate-serie-1\" class=\"legend reactive activate-serie\"><rect x=\"0.0\" y=\"22.0\" width=\"12\" height=\"12\" class=\"color-1 reactive\"/><text x=\"17.0\" y=\"32.2\">Firefox</text></g><g id=\"activate-serie-2\" class=\"legend reactive activate-serie\"><rect x=\"0.0\" y=\"43.0\" width=\"12\" height=\"12\" class=\"color-2 reactive\"/><text x=\"17.0\" y=\"53.2\">Chrome</text></g><g id=\"activate-serie-3\" class=\"legend reactive activate-serie\"><rect x=\"0.0\" y=\"64.0\" width=\"12\" height=\"12\" class=\"color-3 reactive\"/><text x=\"17.0\" y=\"74.2\">Safari</text></g><g id=\"activate-serie-4\" class=\"legend reactive activate-serie\"><rect x=\"0.0\" y=\"85.0\" width=\"12\" height=\"12\" class=\"color-4 reactive\"/><text x=\"17.0\" y=\"95.2\">Opera</text></g></g><g transform=\"translate(790, 56)\" class=\"legends\"/></g></svg>'"
      ]
     },
     "execution_count": 3,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "import pygal\n",
    "pie_chart = pygal.Pie()\n",
    "pie_chart.title = 'Browser usage in February 2012 (in %)'\n",
    "pie_chart.add('IE', 19.5)\n",
    "pie_chart.add('Firefox', 36.6)\n",
    "pie_chart.add('Chrome', 36.3)\n",
    "pie_chart.add('Safari', 4.5)\n",
    "pie_chart.add('Opera', 2.3)\n",
    "pie_chart.render()\n",
    "\n",
    "## windows下如果不调用render渲染，可能会产生一个错误\n",
    "OSError: no library called \"cairo\" was found\n",
    "no library called \"libcairo-2\" was found\n",
    "cannot load library 'libcairo.so': error 0x7e\n",
    "cannot load library 'libcairo.2.dylib': error 0x7e\n",
    "cannot load library 'libcairo-2.dll': error 0x7e"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "metadata": {},
   "outputs": [],
   "source": [
    "from IPython.display import HTML"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<h1>1234567890</h1>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "execution_count": 7,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "## 渲染html\n",
    "HTML('<h1>1234567890</h1>')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<?xml version='1.0' encoding='utf-8'?>\n",
       "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" id=\"chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8\" class=\"pygal-chart\" viewBox=\"0 0 800 600\"><!--Generated with pygal 2.4.0 (lxml) ©Kozea 2012-2016 on 2020-08-07--><!--http://pygal.org--><!--http://github.com/Kozea/pygal--><defs><style type=\"text/css\">#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8{-webkit-user-select:none;-webkit-font-smoothing:antialiased;font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .title{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:16px}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .legends .legend text{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:14px}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis text{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis text.major{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .text-overlay text.value{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:16px}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .text-overlay text.label{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .tooltip{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:14px}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 text.no_data{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:64px}\n",
       "#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8{background-color:rgba(249,249,249,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 path,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 line,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 rect,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 circle{-webkit-transition:150ms;-moz-transition:150ms;transition:150ms}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .graph &gt; .background{fill:rgba(249,249,249,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .plot &gt; .background{fill:rgba(255,255,255,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .graph{fill:rgba(0,0,0,.87)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 text.no_data{fill:rgba(0,0,0,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .title{fill:rgba(0,0,0,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .legends .legend text{fill:rgba(0,0,0,.87)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .legends .legend:hover text{fill:rgba(0,0,0,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis .line{stroke:rgba(0,0,0,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis .guide.line{stroke:rgba(0,0,0,.54)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis .major.line{stroke:rgba(0,0,0,.87)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis text.major{fill:rgba(0,0,0,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis.y .guides:hover .guide.line,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .line-graph .axis.x .guides:hover .guide.line,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .stackedline-graph .axis.x .guides:hover .guide.line,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .xy-graph .axis.x .guides:hover .guide.line{stroke:rgba(0,0,0,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis .guides:hover text{fill:rgba(0,0,0,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .reactive{fill-opacity:.7;stroke-opacity:.8}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .ci{stroke:rgba(0,0,0,.87)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .reactive.active,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .active .reactive{fill-opacity:.8;stroke-opacity:.9;stroke-width:4}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .ci .reactive.active{stroke-width:1.5}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .series text{fill:rgba(0,0,0,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .tooltip rect{fill:rgba(255,255,255,1);stroke:rgba(0,0,0,1);-webkit-transition:opacity 150ms;-moz-transition:opacity 150ms;transition:opacity 150ms}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .tooltip .label{fill:rgba(0,0,0,.87)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .tooltip .label{fill:rgba(0,0,0,.87)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .tooltip .legend{font-size:.8em;fill:rgba(0,0,0,.54)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .tooltip .x_label{font-size:.6em;fill:rgba(0,0,0,1)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .tooltip .xlink{font-size:.5em;text-decoration:underline}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .tooltip .value{font-size:1.5em}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .bound{font-size:.5em}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .max-value{font-size:.75em;fill:rgba(0,0,0,.54)}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .map-element{fill:rgba(255,255,255,1);stroke:rgba(0,0,0,.54) !important}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .map-element .reactive{fill-opacity:inherit;stroke-opacity:inherit}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .color-0,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .color-0 a:visited{stroke:#F44336;fill:#F44336}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .color-1,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .color-1 a:visited{stroke:#3F51B5;fill:#3F51B5}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .color-2,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .color-2 a:visited{stroke:#009688;fill:#009688}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .color-3,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .color-3 a:visited{stroke:#FFC107;fill:#FFC107}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .color-4,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .color-4 a:visited{stroke:#FF5722;fill:#FF5722}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .text-overlay .color-0 text{fill:black}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .text-overlay .color-1 text{fill:black}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .text-overlay .color-2 text{fill:black}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .text-overlay .color-3 text{fill:black}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .text-overlay .color-4 text{fill:black}\n",
       "#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 text.no_data{text-anchor:middle}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .guide.line{fill:none}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .centered{text-anchor:middle}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .title{text-anchor:middle}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .legends .legend text{fill-opacity:1}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis.x text{text-anchor:middle}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis.x:not(.web) text[transform]{text-anchor:start}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis.x:not(.web) text[transform].backwards{text-anchor:end}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis.y text{text-anchor:end}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis.y text[transform].backwards{text-anchor:start}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis.y2 text{text-anchor:start}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis.y2 text[transform].backwards{text-anchor:end}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis .guide.line{stroke-dasharray:4,4}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis .major.guide.line{stroke-dasharray:6,6}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .horizontal .axis.y .guide.line,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .horizontal .axis.y2 .guide.line,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .vertical .axis.x .guide.line{opacity:0}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .horizontal .axis.always_show .guide.line,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .vertical .axis.always_show .guide.line{opacity:1 !important}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis.y .guides:hover .guide.line,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis.y2 .guides:hover .guide.line,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis.x .guides:hover .guide.line{opacity:1}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .axis .guides:hover text{opacity:1}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .nofill{fill:none}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .subtle-fill{fill-opacity:.2}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .dot{stroke-width:1px;fill-opacity:1}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .dot.active{stroke-width:5px}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .dot.negative{fill:transparent}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 text,#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 tspan{stroke:none !important}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .series text.active{opacity:1}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .tooltip rect{fill-opacity:.95;stroke-width:.5}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .tooltip text{fill-opacity:1}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .showable{visibility:hidden}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .showable.shown{visibility:visible}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .gauge-background{fill:rgba(229,229,229,1);stroke:none}#chart-c38ac68b-15ff-4f17-86b4-b9e705bf3dc8 .bg-lines{stroke:rgba(249,249,249,1);stroke-width:2px}</style><script type=\"text/javascript\">window.pygal = window.pygal || {};window.pygal.config = window.pygal.config || {};window.pygal.config['c38ac68b-15ff-4f17-86b4-b9e705bf3dc8'] = {\"allow_interruptions\": false, \"box_mode\": \"extremes\", \"classes\": [\"pygal-chart\"], \"css\": [\"file://style.css\", \"file://graph.css\"], \"defs\": [], \"disable_xml_declaration\": false, \"dots_size\": 2.5, \"dynamic_print_values\": false, \"explicit_size\": false, \"fill\": false, \"force_uri_protocol\": \"https\", \"formatter\": null, \"half_pie\": false, \"height\": 600, \"include_x_axis\": false, \"inner_radius\": 0, \"interpolate\": null, \"interpolation_parameters\": {}, \"interpolation_precision\": 250, \"inverse_y_axis\": false, \"js\": [\"//kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\"], \"legend_at_bottom\": false, \"legend_at_bottom_columns\": null, \"legend_box_size\": 12, \"logarithmic\": false, \"margin\": 20, \"margin_bottom\": null, \"margin_left\": null, \"margin_right\": null, \"margin_top\": null, \"max_scale\": 16, \"min_scale\": 4, \"missing_value_fill_truncation\": \"x\", \"no_data_text\": \"No data\", \"no_prefix\": false, \"order_min\": null, \"pretty_print\": false, \"print_labels\": false, \"print_values\": false, \"print_values_position\": \"center\", \"print_zeroes\": true, \"range\": null, \"rounded_bars\": null, \"secondary_range\": null, \"show_dots\": true, \"show_legend\": true, \"show_minor_x_labels\": true, \"show_minor_y_labels\": true, \"show_only_major_dots\": false, \"show_x_guides\": false, \"show_x_labels\": true, \"show_y_guides\": true, \"show_y_labels\": true, \"spacing\": 10, \"stack_from_top\": false, \"strict\": false, \"stroke\": true, \"stroke_style\": null, \"style\": {\"background\": \"rgba(249, 249, 249, 1)\", \"ci_colors\": [], \"colors\": [\"#F44336\", \"#3F51B5\", \"#009688\", \"#FFC107\", \"#FF5722\", \"#9C27B0\", \"#03A9F4\", \"#8BC34A\", \"#FF9800\", \"#E91E63\", \"#2196F3\", \"#4CAF50\", \"#FFEB3B\", \"#673AB7\", \"#00BCD4\", \"#CDDC39\", \"#9E9E9E\", \"#607D8B\"], \"font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"foreground\": \"rgba(0, 0, 0, .87)\", \"foreground_strong\": \"rgba(0, 0, 0, 1)\", \"foreground_subtle\": \"rgba(0, 0, 0, .54)\", \"guide_stroke_dasharray\": \"4,4\", \"label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"label_font_size\": 10, \"legend_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"legend_font_size\": 14, \"major_guide_stroke_dasharray\": \"6,6\", \"major_label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"major_label_font_size\": 10, \"no_data_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"no_data_font_size\": 64, \"opacity\": \".7\", \"opacity_hover\": \".8\", \"plot_background\": \"rgba(255, 255, 255, 1)\", \"stroke_opacity\": \".8\", \"stroke_opacity_hover\": \".9\", \"title_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"title_font_size\": 16, \"tooltip_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"tooltip_font_size\": 14, \"transition\": \"150ms\", \"value_background\": \"rgba(229, 229, 229, 1)\", \"value_colors\": [], \"value_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"value_font_size\": 16, \"value_label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"value_label_font_size\": 10}, \"title\": \"Browser usage in February 2012 (in %)\", \"tooltip_border_radius\": 0, \"tooltip_fancy_mode\": true, \"truncate_label\": null, \"truncate_legend\": null, \"width\": 800, \"x_label_rotation\": 0, \"x_labels\": null, \"x_labels_major\": null, \"x_labels_major_count\": null, \"x_labels_major_every\": null, \"x_title\": null, \"xrange\": null, \"y_label_rotation\": 0, \"y_labels\": null, \"y_labels_major\": null, \"y_labels_major_count\": null, \"y_labels_major_every\": null, \"y_title\": null, \"zero\": 0, \"legends\": [\"IE\", \"Firefox\", \"Chrome\", \"Safari\", \"Opera\"]}</script><script type=\"text/javascript\" xlink:href=\"https://kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\"/></defs><title>Browser usage in February 2012 (in %)</title><g class=\"graph pie-graph vertical\"><rect x=\"0\" y=\"0\" width=\"800\" height=\"600\" class=\"background\"/><g transform=\"translate(100, 46)\" class=\"plot\"><rect x=\"0\" y=\"0\" width=\"679.2\" height=\"534\" class=\"background\"/><g class=\"series serie-0 color-0\"><g class=\"slices\"><g class=\"slice\"><path d=\"M339.600000 26.700000 A240.300000 240.300000 0 0 1 566.486885 187.839205 L339.600000 267.000000 A0.000000 0.000000 0 0 0 339.600000 267.000000 z\" class=\"slice reactive tooltip-trigger\"/><desc class=\"value\">19.5</desc><desc class=\"x centered\">409.17168142430137</desc><desc class=\"y centered\">169.0418270699401</desc></g></g></g><g class=\"series serie-1 color-1\"><g class=\"slices\"><g class=\"slice\"><path d=\"M566.486885 187.839205 A240.300000 240.300000 0 0 1 243.439521 487.220917 L339.600000 267.000000 A0.000000 0.000000 0 0 0 339.600000 267.000000 z\" class=\"slice reactive tooltip-trigger\"/><desc class=\"value\">36.6</desc><desc class=\"x centered\">421.26960987585676</desc><desc class=\"y centered\">355.1254635319745</desc></g></g></g><g class=\"series serie-2 color-2\"><g class=\"slices\"><g class=\"slice\"><path d=\"M243.439521 487.220917 A240.300000 240.300000 0 0 1 239.272589 48.645928 L339.600000 267.000000 A0.000000 0.000000 0 0 0 339.600000 267.000000 z\" class=\"slice reactive tooltip-trigger\"/><desc class=\"value\">36.3</desc><desc class=\"x centered\">219.45542262314243</desc><desc class=\"y centered\">268.1415020526836</desc></g></g></g><g class=\"series serie-3 color-3\"><g class=\"slices\"><g class=\"slice\"><path d=\"M239.272589 48.645928 A240.300000 240.300000 0 0 1 304.717099 29.245351 L339.600000 267.000000 A0.000000 0.000000 0 0 0 339.600000 267.000000 z\" class=\"slice reactive tooltip-trigger\"/><desc class=\"value\">4.5</desc><desc class=\"x centered\">305.45123462430354</desc><desc class=\"y centered\">151.8050160670369</desc></g></g></g><g class=\"series serie-4 color-4\"><g class=\"slices\"><g class=\"slice\"><path d=\"M304.717099 29.245351 A240.300000 240.300000 0 0 1 339.600000 26.700000 L339.600000 267.000000 A0.000000 0.000000 0 0 0 339.600000 267.000000 z\" class=\"slice reactive tooltip-trigger\"/><desc class=\"value\">2.3</desc><desc class=\"x centered\">330.8560892963378</desc><desc class=\"y centered\">147.16859123916475</desc></g></g></g></g><g class=\"titles\"><text x=\"400.0\" y=\"26\" class=\"title plot_title\">Browser usage in February 2012 (in %)</text></g><g transform=\"translate(100, 46)\" class=\"plot overlay\"><g class=\"series serie-0 color-0\"/><g class=\"series serie-1 color-1\"/><g class=\"series serie-2 color-2\"/><g class=\"series serie-3 color-3\"/><g class=\"series serie-4 color-4\"/></g><g transform=\"translate(100, 46)\" class=\"plot text-overlay\"><g class=\"series serie-0 color-0\"/><g class=\"series serie-1 color-1\"/><g class=\"series serie-2 color-2\"/><g class=\"series serie-3 color-3\"/><g class=\"series serie-4 color-4\"/></g><g transform=\"translate(100, 46)\" class=\"plot tooltip-overlay\"><g transform=\"translate(0 0)\" style=\"opacity: 0\" class=\"tooltip\"><rect rx=\"0\" ry=\"0\" width=\"0\" height=\"0\" class=\"tooltip-box\"/><g class=\"text\"/></g></g><g transform=\"translate(10, 56)\" class=\"legends\"><g id=\"activate-serie-0\" class=\"legend reactive activate-serie\"><rect x=\"0.0\" y=\"1.0\" width=\"12\" height=\"12\" class=\"color-0 reactive\"/><text x=\"17.0\" y=\"11.2\">IE</text></g><g id=\"activate-serie-1\" class=\"legend reactive activate-serie\"><rect x=\"0.0\" y=\"22.0\" width=\"12\" height=\"12\" class=\"color-1 reactive\"/><text x=\"17.0\" y=\"32.2\">Firefox</text></g><g id=\"activate-serie-2\" class=\"legend reactive activate-serie\"><rect x=\"0.0\" y=\"43.0\" width=\"12\" height=\"12\" class=\"color-2 reactive\"/><text x=\"17.0\" y=\"53.2\">Chrome</text></g><g id=\"activate-serie-3\" class=\"legend reactive activate-serie\"><rect x=\"0.0\" y=\"64.0\" width=\"12\" height=\"12\" class=\"color-3 reactive\"/><text x=\"17.0\" y=\"74.2\">Safari</text></g><g id=\"activate-serie-4\" class=\"legend reactive activate-serie\"><rect x=\"0.0\" y=\"85.0\" width=\"12\" height=\"12\" class=\"color-4 reactive\"/><text x=\"17.0\" y=\"95.2\">Opera</text></g></g><g transform=\"translate(790, 56)\" class=\"legends\"/></g></svg>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "execution_count": 8,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "HTML(pie_chart.render().decode())"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.7.4"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}
